<style src="./add-buy-type.css" scoped></style>
<template>
  <div class="model-wrap">
    <button class="btn btn-sm btn-primary"
      @click="showAddBuyTypeModal = true">设置付费套餐</button>
    <modal
      :title="'设置付费套餐'"
      ok-text="提交"
      cancel-text="取消"
      effect="fade"
      :small="true"
      :width="460"
      :show.sync="showAddBuyTypeModal"
      :callback="evtAddBuyType">
      <div slot="modal-body" class="modal-body">
        <h4 class="text-left">组合：测试</h4>
        <div class="form-group text-left form-group-sm" v-for="gold in golds" track-by="$index">
          <table class="table table-bordered table-condensed">
            <caption>
              <div class="form-inline">
                *档位名称：<input type="text" class="form-control">
                <button class="btn btn-sm btn-danger">删除此档位</button>
                <!-- <button class="btn btn-sm btn-success">恢复此档位</button> -->
              </div>
            </caption>
            <thead>
              <tr>
                <th class="col-xs-4">*天数</th>
                <th class="col-xs-4">*原始价</th>
                <th class="col-xs-4">*折扣</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="col-sm-4"><input type="number" class="form-control"></td>
                <td class="col-sm-4"><input type="number" class="form-control"></td>
                <td class="col-sm-4"><input type="number" class="form-control"></td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="form-group form-group-sm">
          <div class="text-right">
            <button type="button" class="btn btn-sm btn-primary" @click="addPay">新增套餐</button>
          </div>
        </div>
        <!-- <form class="form-horizontal" role="form">
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">时间类型</label>
            <div class="col-sm-9 text-left">
              <input type="number" class="form-control" v-model="params.type">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">价格</label>
            <div class="col-sm-9 text-left">
              <input type="number" class="form-control" v-model="params.price">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">备注</label>
            <div class="col-sm-9 text-left">
              <input type="string" class="form-control" v-model="params.remark">
            </div>
          </div>
        </form> -->
      </div>
    </modal>
  </div>
</template>
<script src="./add-buy-type.js"></script>
